import React, { Component } from "react";
import { NavBar } from "antd-mobile";
import { useNavigate } from 'react-router-dom';
import "./common.css";
import "./index.css";

class Home extends Component {
    render() {
        return (
            <div className="page flex-col">
                <div className="group_1 flex-col">
                    <div className="block_1 flex-col">
                        <NavBar className="nav-bar_1 NavBar" backArrow={false}>
                            <span className="text_1">CSR-II卷烟纸阴燃速率测量仪</span>
                        </NavBar>
                        <div className="block_2 flex-col" />
                    </div>
                    <img
                        className="image_1"
                        src={
                            "https://lanhu.oss-cn-beijing.aliyuncs.com/psluq0oj3q68l5tqrolsqft2danz2bg0unqc0a6fa78-c577-4079-bf0b-d650123f0bfd"
                        }
                    />
                    <div className="block_3 flex-row">
                        <span className="text_2">仪器简介</span>
                        <span className="text_3">操作流程</span>
                        <span className="text_4">介绍视频</span>
                        <span className="text_5">问题考核</span>
                        <img
                            className="image_2"
                            src={require('../image/bottom_btn1.png')}
                            onClick={() => {
                                window.location.href = "/intro"
                            }}
                        />
                        <img
                            className="image_3"
                            src={require('../image/bottom_btn2.png')}
                            onClick={() => {
                                window.location.href = "/operate"
                            }}
                        />
                        <img
                            className="image_4"
                            src={require('../image/bottom_btn3.png')}
                            onClick={() => {
                                window.location.href = "/video"
                            }}
                        />
                        <img
                            className="image_5"
                            src={require('../image/bottom_btn4.png')}
                            onClick={() => {
                                window.location.href = "/exam"
                            }}
                        />
                    </div>
                    <div className="block_4 flex-col">
                        <div className="box_1 flex-col" />
                    </div>
                </div>
            </div>
        );
    }
}
export default Home;
